<!--
 * @Author: C.
 * @Date: 2021-06-18 10:05:19
 * @LastEditTime: 2021-06-18 10:23:39
 * @Description: file content
-->
<template>
  <JvTable :data="tableData"
           @selectionChange="handleSelectionChange"
           ref="BillTable"
           jvKey="BillId">
    <el-table-column prop="BillId"
                     label="单据编号"></el-table-column>
    <el-table-column prop="companyName"
                     label="公司名称"></el-table-column>
    <el-table-column prop="date"
                     label="日期"></el-table-column>
    <el-table-column prop="people"
                     label="公司名称"></el-table-column>
    <el-table-column prop="state"
                     label="审核状态"></el-table-column>
    <el-table-column label="操作"
                     fixed="right"
                     width="110"
                     align="center">
      <template slot-scope="scope">
        <JvColBtn type="edit"
                  @click="edit"
                  :disabled="false" />
        <JvColBtn type="del"
                  @click="Del" />
      </template>
    </el-table-column>
  </JvTable>
</template>

<script>
import JvTable from '../../../src/Jv_cpn/JvTable'
import JvColBtn from '../../../src/Jv_cpn/JvColBtn'
export default {
  components: {
    JvTable,
    JvColBtn
  },
  data () {
    return {
      tableData: [
        {
          BillId: '1',
          companyName: '上海皆唯',
          date: '2020-12-21',
          people: 'wjz',
          state: '已审核'
        },
        {
          BillId: '2',
          companyName: '腾讯',
          date: '2020-12-21',
          people: 'wjz',
          state: '已审核'
        },
        {
          BillId: '3',
          companyName: '字节跳动',
          date: '2020-12-21',
          people: 'wjz',
          state: '已审核'
        },
        {
          BillId: '4',
          companyName: 'bilibili',
          date: '2020-12-21',
          people: 'wjz',
          state: '已审核'
        },
        {
          BillId: '5',
          companyName: '阿里',
          date: '2020-12-21',
          people: 'wjz',
          state: '已审核'
        },
      ]
    }
  },
  methods: {
    handleSelectionChange (keys, itemList) {
      console.log(keys, itemList);
    },
    edit () { },
    del () { }
  },
}
</script>

<style lang="scss">
.jv-table {
  table {
    margin: 0;
  }
}
</style>